<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            P{
                color: red;
                font-size: 30px;
                text-align: center;
                line-height: 200px;
                border: 1px solid red ;
            }
            div{
                text-align: right;
                border: 1px solid red;
                height: 200px;
                width: 200px;
                background:url("../../html/image/img/logo.jpg") no-repeat center;

            }


        </style>
    </head>
    <body>
        <!--
  属性:
     1.字体,文本
       font_size:字体大小
       color:文本颜色
       text_align:文本对齐方式
       line_height:行高
     2.背景
       background:color:背景色
                  image:背景图片
                  position:背景图位置
                  repeat:背景图片是否重复
                  size:背景图片尺寸
     3.边框
        border:设置边框,复合属性
     4.尺寸
        width:宽度
        height:高度
     5.盒子模型:控制布局
        margin:外边距
        padding:内边距
                注意: 默认情况下内边距会影响整个盒子的大小
                解决方法:设置盒子的属性,就是最终盒子的大小
                        box_sizing:border-box;
         float:浮动
               left
               right

        -->

        <p>传智播客</p>
        <div>黑马程序员</div>












    </body>


</html>